﻿<!DOCTYPE html>
<html>
<head>
    <title>Maddes blogg</title>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="html5.css" />
	<link rel="shourtcut icon" href="app.png" type="image/png" />
</head>

<div id="container">
    <header>
       <div id="logga">
       	<img src="Landerhjelm.png" alt="madde och hilma" />
       </div>
        <div id="search">
            <input type="text" name="telefon" />
			<input class="search" type="submit" value="sök" />	
		</div>
	</header>

     <nav>
           <a href="#">hem</a>
		   <a href="#">bilder</a>
		   <a href="#">information</a>
		   <a href="#">kontakt</a>
		   <a href="#">länkar</a>
     </nav>
<section class="test">
    <section>
        <article>
            <h5>onsdagen den 13:e oktober 2010</h5>
            <h4>Vad kommer hända med flash?</h4>
            <p> Om man ska tro på vad som sägs så kommer flash att vara överflödigt när videofunktionen i html 5 kommer att börja användas.
				Detta beror på att man idag använder flash till att visa upp video. Men att den då inte skulle behövas när man använder html 5.
				Det är redan stora webbläsare som har stöd för vissa fuktioner i html 5. Så det är bara en tidsfråga innan den tar över mer
				och mer. Fördelen med html 5 är att man kan skriva all kod i ett och samma dokument. Detta spar tid och underlättar arbetet
				för oss programmerare. IPhone har t ex inte idag tillgång till flash. Så där kommer det inte märkas en så stor förändring. 
				Vi får helt enkelt se vart detta leder. 
			</p>
            <section class="kommentar">
                <article class="kommentarer">Upplagd av M Landerhjelm kl. 18:43  1kommentarer
                </article>
                
                <article>
                    <p>Kommer att börja använda video i html 5 så snart som möjligt/ anonym</p>
                    <fieldset>
                    <label>Skriv kommentar<br /><textarea name="kommentar" rows="4" cols="30"></textarea></label>
			        </fieldset>
			        <label>Signatur<br />
					<input type="text" name="signatur" /><br />
				    </label>
				    <fieldset>
					<input type="submit" value="skicka" />		
			        </fieldset>
                </article>
            </section>
        </article>
    </section>
	<section>    
        <article>
            <h5>tisdagen den 12:e oktober 2010</h5>
            <h4>äntligen</h4>
            <p>Det finns en heldel nya taggar inom html5. Här är några:</p>
            
            <br />&lt;article&gt;<br />
            <p>Taggen används för att strukturera upp en fristående artikel eller ett inlägg på en blogg / magazin.</p>
            
            <br />&lt;aside&gt;<br />
            <p>Ifall man har extra information till en artikel som tex ett litet tips kan det definieras med &lt;aside&gt;. 
			Det största användningsområdet kommer nog dock blir för sidebaren i bloggar.</p>
            
            <br />&lt;footer&gt;<br />
            <p>Definierar en footer sektion och kan precis som header vara definierad för hela sajten eller enskild sektion eller artikel.</p>
            
            <br />&lt;nav&gt;<br />
            <p>Definierar ett navigationsområde, oftast en lista med länkar till andra sidor.</p>
            
            <br />&lt;section&gt;<br />
            <p>Är en allmän sektion och används för att gruppera innehåll. Section taggar kan nästlas i varandra och kan innehålla vilken 
			typ av taggar som helst.</p>
            
            <section class="kommentar">
            
                <article class="kommentarer">Upplagd av M Landerhjelm kl. 19:49  1kommentarer</article>
                <article>
                    <p>Kunde inte sagt det bättre själv :)/ ML</p>
                    <fieldset>
                    <label>Skriv kommentar<br /><textarea name="kommentar" rows="4" cols="30"></textarea></label>
			        </fieldset>
			        <label>Signatur<br />
					<input type="text" name="signatur" /><br />
				    </label>
				    <fieldset>
					<input type="submit" value="skicka" />		
			        </fieldset>
                </article>
            </section>
        </article>
    </section>
 </section>   
    <div id="info">
        <aside>
            <h4>Om mig själv</h4>
            <p>Madeleine Landerhjelm heter jag. Är 27 år och bor med min familj i ett hus i Nybro utanför Kalmar.
            Pluggar webbprogrammering på Linneuniversitetet.</p>
        </aside>
            <img src="IMG_0549.jpg" id="photo" alt="madde och hilma"/>
        
            <article>
              <h4>bloggarkiv</h4>
              <h6><a href="#">&or;2010</a></h6>
              <h6><a href="#">&or;oktober</a></h6>
                 <ul>
                    <li><a href="#">&sdot;Vad händer..</a></li>
                    <li><a href="#">&sdot;äntligen</a></li>
                    <li><a href="#">&sdot;varför html 5?..</a></li>
                    <li><a href="#">&sdot;css..</a></li>
                    <li><a href="#">&sdot;bra att veta..</a></li>
                    <li><a href="#">&sdot;där ser man..</a></li>               
                 </ul>
                 
              <h6><a href="#">&or;september</a></h6>
                 <ul>
                    <li><a href="#">&sdot;hösten..</a></li>
                    <li><a href="#">&sdot;skörd..</a></li>
                    <li><a href="#">&sdot;sjukdom..</a></li>
                    <li><a href="#">&sdot;xhtml..</a></li>
                    <li><a href="#">&sdot;nya iphonen..</a></li>
                    <li><a href="#">&sdot;datorer..</a></li>
                    <li><a href="#">&sdot;skola..</a></li>
                 </ul>
              <h6><a href="#">&lsaquo;augusti</a></h6>
              <h6><a href="#">&lsaquo;juli</a></h6>
              <h6><a href="#">&lsaquo;juni</a></h6>
              <h6><a href="#">&lsaquo;maj</a></h6>
              <h6><a href="#">&lsaquo;april</a></h6>
              <h6><a href="#">&lsaquo;mars</a></h6><br />
			  
                 <h6>vackra vita ting</h6>
				 <ul>
                 	<li><a href="http://vackravitating.blogspot.com/"><img src="vackravitating.jpg" id="vackra"></a></li>
                 </ul>
          </article>
    </div>
    <footer>
        <p>m_landerhjelm[at].hotmail.com &copy; Madeleine Landerhjelm 2010</p>
    </footer>


</div>

</html>
